HTML

<div class="nav-content-wrap">
            
                <p class="nav-content__title">In This Section:</p>
            
                <nav class="nav-content " aria-label="Content navigation">
            
                    
            
                    <div class="nav-content__inner">
            
                        <!-- Heading -->
                        <div class="nav-content__heading">
                            <a href="#">Sit Amet Aliquam</a>
                        </div>
            
                        <div class="nav-content__contain">
            
                                <ul class="nav-content__level">
                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Lorem Ipsum Dolor</a></li>
                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Vivamus Nec Venenatis</a></li>
                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Hendrerit Felis</a></li>
                                    <li class="nav-content__nested-level">
                                        <ul>
                                            <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Lorem Ipsum Dolor</a></li>
                                            <li class="nav-content__item-wrap is-active"><a href="#" class="nav-content__item">Heading One Lorem</a></li>
                                            <li class="nav-content__nested-level">
                                                <ul>
                                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Lorem Ipsum Dolor</a></li>
                                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Vivamus Nec Venenatis</a></li>
                                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Lorem Ipsum Dolor</a></li>
                                                </ul>
                                            </li>
                                            <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Lorem Ipsum Dolor</a></li>
                                            <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Vivamus Nec Venenatis</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Curabitur Scelerisque Dictum Risus Porttitor</a></li>
                                    <li class="nav-content__item-wrap"><a href="#" class="nav-content__item">Libero Finibus</a></li>
                                </ul>
                                        </div>
            
                    </div>
            
                </nav>
            
            </div> <!-- .nav-content -->